<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Insert title here</title>

<link rel="stylesheet" href="./themes/last_ver2.css"/>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile.structure-1.3.2.min.css" /> 
<link rel="stylesheet" href="./design.css" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Iceland' rel='stylesheet' type='text/css'>


<script type="text/javascript" src="./socket.io/socket.io.js"></script>
<script type="text/javascript" src="./lib/jquery-2.0.3.js"></script>
<script type="text/javascript" src="./lib/jquery.mobile-1.3.2.js"></script>
<script type="text/javascript" src="./weekly.js"></script>
<script type="text/javascript" src="./alarm_weekly.js"></script>
<script type="text/javascript" src="./myteam.js"></script>
<script type="text/javascript" src="./alarm_myteam.js"></script>
<script type="text/javascript" src="./chatting.js"></script>
<script type="text/javascript" src="./alarm_myteam.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?libraries=places&sensor=false "></script>
<script type="text/javascript" src="./gps.js"></script>
<script src="./IconHoverEffects/js/component.js"></script>

<script type="text/javascript">
	var ajax_url = "";//테스트시 각자 자기 ip 입력 
</script>


<script type="text/javascript"> 	/* splashscreen */
document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {
    navigator.splashscreen.hide();
} 

</script> 

</head>
<body>


<!------------------------------- 메인------------------------------------------------>

<div data-role="page" id="main" data-theme="d">
	<div data-role="header" data-theme="d">
		<h2 style="color:white;">SPO'CLOCK</h2>		
		<a href="#" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="c" data-inline="true" class="ui-btn-right">Gear</a>
	</div>	
		
	<div data-theme="d">
				
		<div id="team">			
										<!-- 메인화면 마이팀 -->
				<div id="disp_main_team3">
					<h3 data-inline="true">My Team</h3>
				</div>
		
				<div id="disp_main_team"></div>
		
				<div id="disp_main_team1">
					<h3>NEXT MATCH</h3>
					<div class="chat_wrap">
						<a href="#" id="btn_chat" class="chat"><img src="/img/chat.png" style="width:50px; height:40px;"></a>
						<div class="chatteams"></div>							
					</div>
					<!-- <label for="flip-1"></label>
						<select id='btn_alarm_myteam' name="flip-1" id="flip-1" data-role="slider"> 
							<option class="btn_alarm_myteam" value="off">Off</option>  <option class="btn_alarm_myteam" value="on">On</option>
						</select>	 -->
				
					<div id="disp_main_team2"></div>				
				</div>
			   
						
		</div>
		
		<div class="line"></div>
		
		<div id="special">									<!-- 메인화면 스페셜 매치-->
			<div class="special_title">									<!-- 메인화면 스페셜 매치-->
			<h3>Special Match</h3>		
			</div>	
			
					<p class="weekly_notice" style="text-align: center;">weekly 탭에서 경기를 등록해주세요!</p>
			<ul id="special_list">
			</ul>
		</div>		
	</div>
		
	<footer class="footer" data-position="fixed" data-tap-toggle="false">	
		<div>
			<a href="#" data-transition="none" class="footer_active" style="color: white;">Main</a>
			<a href="#weekly" data-transition="none" style="color: white;">Weekly</a>
			<a href="#myteam" class="myTeamIcon" data-transition="none" style="color: white;">My team</a>
			<a href="#gps" data-transition="none" style="color: white;">GPS</a>
		</div>	
	</footer>
	
</div>
<!------------------------------- 위클리------------------------------------------------>


<div data-role="page" id="weekly" data-theme="d">
	<div data-role="header" data-theme="d">
	<h2 style="color:white;">SPO'CLOCK</h2>	
		<a href="#" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="c" data-inline="true" class="ui-btn-right">Gear</a>
	</div>
		
	<div data-role="content">
	
	<h1>WEEKLY SCHEDULE</h1>
	
	<div data-role="collapsible-set" data-theme="d" data-content-theme="d">
	
	<div data-filter="true" data-filter-placeHolder="팀명">
		<div data-role="collapsible">
	 		<h3 id="btnNba">NBA</h3>
	
			<ul id="tableNba">
			
			</ul>	
			<a href="#" id="enrollNba" data-role="button" data-mini="true" data-inline="true" data-icon="check">등록</a>
		</div>
		
		
		<div data-role="collapsible">
			<h3 id="btnEpl">EPL</h3>
			<ul id="tableEpl">
			
			</ul>
			<a href="#" id="enrollEpl" data-role="button" data-mini="true" data-inline="true" data-icon="check">등록</a>	
		</div>
		<div data-role="collapsible">
			<h3>MLB</h3>
			<ul id="MLB">
				<li>- 서비스 준비중입니다. -</li>
			</ul>
		</div>
		<div data-role="collapsible">
			<h3>UFC</h3>
			<ul id="UFC">
				<li>- 서비스 준비중입니다. -</li>
			</ul>
		</div>

	</div>	
	</div>	
	</div>
		
	<footer class="footer" data-position="fixed" data-tap-toggle="false">	
		<div>
			<a href="#main" data-transition="none" style="color: white;">Main</a>
			<a href="#" data-transition="none" class="footer_active" style="color: white;">Weekly</a>
			<a href="#myteam" class="myTeamIcon" data-transition="none" style="color: white;">My team</a>
			<a href="#gps" data-transition="none" style="color: white;">GPS</a>
		</div>	
	</footer>
</div>


<!------------------------------- 마이팀 ------------------------------------------------>

<div data-role="page" id="myteam" data-theme="d">
	<!-- 헤더 -->
	<div data-role="header" data-theme="d">
		<h2 style="color:white;">SPO'CLOCK</h2>	
		<a href="#" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="c" data-inline="true" class="ui-btn-right">Gear</a>
	</div>	
	<!-- 컨텐트-->
	<div data-role="content" data-theme="d">
	<h2>MY TEAM <a href="#myteam_select" data-role="button" data-icon="gear" data-iconpos="right" data-inline="true" data-theme="d">마이팀 등록</a></h2>
	
	
	<div class="myteam_grid">
		<div class="myteam_grid1">
			<div id="disp_team1">	
				<div id="disp_team2">
					
				</div>       
	    	</div>
		</div>
		
		
		<div class="myteam_grid2">
			
			<span class="schedule_title" style="font-size: 1.17em; position: relative; top: 30px; border-bottom: 2px solid">경기 일정</span><br>
        	
	        <div class="schedule" style="margin-top: 70px;">	
			</div>
						
		</div>	
			
		<div class="myteam_grid3">
			<div class="tab1"></div>
			<div class="result_wrap">
			<span style="border-bottom: 2px solid;  font-weight: bold;">최근 경기 결과</span><br>
			<div id="tbody_result"> 	
			
			</div>
			</div>
				   		
	   		<div id="rank">	
	   		<span style="border-bottom: 2px solid; font-weight: bold;">RANK</span><br>
	   		<table id="rank_table">
				 <thead id="thead_rank">
					<tr>
						<th id="team_rank">순위</th>
						<th id="win">승</th>
						<th id="loss">패</th>
						<th id="wpct">승률</th>
						<th id="gb">승차</th> 
					</tr>
				</thead>			
				<tbody id="tbody_rank">
				</tbody> 			
			</table>
			</div>
			
		</div>
		
		
		<div class="myteam_grid4">
			<div class="tab2"></div>
			<h3>PLAYERS</h3>
			
			<div id="players">
				<table id="player_table">
					<thead id="thead_player">				
					</thead>			
					<tbody id="tbody_player">
					</tbody> 			
				</table>
			</div>
			
		</div>	
	</div>
	
	
    </div>	
	<!-- nav / footer-->
	<footer class="footer" data-position="fixed" data-tap-toggle="false">	
		<div>
			<a href="#main" data-transition="none" style="color: white;">Main</a>
			<a href="#weekly" data-transition="none" style="color: white;">Weekly</a>
			<a href="#" data-transition="none" class="footer_active myTeamIcon" style="color: white;">My team</a>
			<a href="#gps" data-transition="none" style="color: white;">GPS</a>
		</div>	
	</footer>
	
</div>

<!------------------------------- 지피에스 ------------------------------------------------>
<div data-role="page" id="gps" data-theme="d">
	<div data-role="header" data-theme="d">
	<!-- <a href="#" data-icon="back" class="ui-btn-left">Back</a>
	<a href="#" data-icon="gear" class="ui-btn-right">Options</a> -->
	<h2 style="color:white;">SPO'CLOCK</h2>	
		<a href="#" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="c" data-inline="true" class="ui-btn-right">Gear</a>
	</div>	
	
	<div data-theme="d">
		<h2>GPS <button id = "gpsBtn" data-inline="true">Where Am I?</button></h2>
	
		
		
		
		<div class="prac"></div>
		
		<div class="map_warp1">		
			<div id ="mapCanvas" style=></div>
		</div>
		
		<div class="map_warp2">		
			<div id="listing">
				<h2 onclick="bang()">GET CHICKEN</h2>
		      <table id="resultsTable">
		      
		       <tbody id="lists"></tbody>
		      </table>
		    </div>
	    </div>
	    
    
	    <div id="info-content">
	    	<table><!-- 상호명 -->
	    		<tr id="name_row" class="table_row">
	    		<td class ="attribute_name"></td>
	    		<td id="name"></td>
	    		</tr>
	    		<!-- 전화번호 -->
	    		<tr id="phone_row" class="table_row">
	    		<td class ="attribute_name"></td>
	    		<td id="phone"></td>	
	    		</tr>
	    		<!-- 주소 -->
	    		<tr id="address_row" class="table-row">
	    		<td class ="attribute_name"></td>
	    		<td id="address"></td>	
	    		</tr> 
	    		<!-- 홈페이지 -->
	    		<tr id="website_row" class="table-row">
	    		<td class ="attribute_name"></td>
	    		<td id="website"></td>	
	    		</tr> 	
	    	</table>
	    </div>	
	</div>		
	
	
	<footer class="footer" data-position="fixed" data-tap-toggle="false">	
		<div>
			<a href="#main" data-transition="none" style="color: white;">Main</a>
			<a href="#weekly" data-transition="none" style="color: white;">Weekly</a>
			<a href="#myteam" class="myTeamIcon" data-transition="none" style="color: white;">My team</a>
			<a href="#" data-transition="none"  class="footer_active" style="color: white;">GPS</a>
		</div>	
	</footer>
	
	
	
	<!-- <div data-role="footer" data-theme="d" data-position="fixed" data-tap-toggle="false">	
		<div class="hi-icon-wrap hi-icon-effect-2 hi-icon-effect-3b">
			<a href="#main" class="hi-icon hi-icon-earth"  data-transition="none">Main</a>
			<a href="#weekly" class="hi-icon hi-icon-list"  data-transition="none">Weekly</a>
			<a href="#myteam" class="hi-icon hi-icon-star myTeamIcon" data-role="button"  data-transition="none">My Team</a>
			<a href="#" class="hi-icon hi-icon-location"  data-transition="none">GPS</a>
		</div>
	</div> -->
</div>
<!------------------------------- 팀선택 ------------------------------------------------>
<div data-role="page" id="myteam_select" data-theme="d">
	<div data-role="header" data-theme="d">
	<a href="#" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="c" data-inline="true" class="ui-btn-right">Gear</a>
		<h3 style="color:white;">SPO'CLOCK</h3>	
		
	</div>	
	<div data-role="content" data-theme="d">
	<h3 class="myteam_tab">My team 선택</h3>
	<a href="#myteam" data-theme="d" data-role="button" data-icon="check" data-iconpos="right" data-inline="true" id="btn_save">Save</a>
	
	<div data-role="collapsible-set" data-theme="d" data-content-theme="d">
			<div data-role="collapsible" id="NBA">
			<h3>NBA</h3>
			<fieldset data-role="controlgroup" data-iconpos="right" data-theme="d">
				<legend>동부</legend>
		        	<label>샬럿 밥캐츠 <input type="radio" name="radio" id="79926" value="79926"></label>
				    <label>토론토 랩터스 <input type="radio" name="radio" value="79929"></label>
				    <label>워싱턴 위져즈<input type="radio" name="radio" value="79930"></label>
				    <label>필라델피아 76's<input type="radio" name="radio" value="79937"></label>
				    <label>올랜도 매직<input type="radio" name="radio" value="79938"></label>
				    <label>브루클린 네츠<input type="radio" name="radio" value="79939"></label>
				    <label>뉴욕 닉스<input type="radio" name="radio" value="79940"></label>
				    <label>밀워키 벅스<input type="radio" name="radio" value="79942"></label>
				    <label>마이애미 히트 <input type="radio" name="radio" value="79943"></label>
				    <label>인디애나 페이서스<input type="radio" name="radio" value="79946"></label>
				    <label>디트로이트 피스톤즈<input type="radio" name="radio" value="79949"></label>
				    <label>클리블랜드 캐벌리어스<input type="radio" name="radio" value="79952"></label>
				    <label>시카고 불스<input type="radio" name="radio" value="79953"></label>
				    <label>보스턴 셀틱스<input type="radio" name="radio" value="79955"></label>
				    <label>애틀랜타 호크스<input type="radio" name="radio" value="79956"></label>
			</fieldset>
			<fieldset data-role="controlgroup" data-iconpos="right" data-theme="d">
				<legend>서부</legend>
				<label>맴피스 그리즐리스<input type="radio" name="radio" value="79928"></label>
		        <label>유타 재즈 <input type="radio" name="radio" value="79931"></label>
		        <label>오클라호마 시티 썬더 <input type="radio" name="radio" value="79932"></label>
		        <label>샌안토니오 스퍼스<input type="radio" name="radio" value="79933"></label>
		        <label>새크라멘토 킹스<input type="radio" name="radio" value="79934"></label>
		        <label>포틀랜드 트레일 블레이저스<input type="radio" name="radio" value="79935"></label>
		        <label>피닉스 선즈<input type="radio" name="radio" value="79936"></label>
		        <label>미네소타 팀버울브스<input type="radio" name="radio" value="79941"></label>
		        <label>LA 레이커스<input type="radio" name="radio" value="79944"></label>
		        <label>LA 클리퍼스<input type="radio" name="radio" value="79945"></label>
		        <label>골든스테이트 워리어스<input type="radio" name="radio" value="79947"></label>
		        <label>휴스턴 로키츠<input type="radio" name="radio" value="79948"></label>
		        <label>덴버 너기츠<input type="radio" name="radio" value="79950"></label>
		        <label>댈러스 매버릭스<input type="radio" name="radio" value="79951"></label>
		        <label>뉴올리언스 펠리컨스<input type="radio" name="radio" value="79954"></label>
			</fieldset>
		</div>
		
		<div data-role="collapsible" id="EPL">			
			<h3>EPL</h3>
			<fieldset data-role="controlgroup" data-iconpos="right" data-theme="d">
				<legend></legend>
						<label>웨스트 브로미치 앨비언 FC<input type="radio" name="radio" value="1319"></label>
			<label>뉴캐슬 유나이티드  FC<input type="radio" name="radio" value="1321"></label>
			<label>맨체스터 유나이티드 FC<input type="radio" name="radio" value="246"></label>
			<label>아스널 FC<input type="radio" name="radio" value="247"></label>
			<label>토트넘 홋스퍼 FC<input type="radio" name="radio" value="249"></label>
			<label>애스턴 빌라 FC<input type="radio" name="radio" value="250"></label>
			<label>첼시 FC<input type="radio" name="radio" value="251"></label>
			<label>애버턴 FC<input type="radio" name="radio" value="252"></label>
			<label>리버풀 FC<input type="radio" name="radio" value="253"></label>
			<label>웨스트 햄 유나이티드 FC<input type="radio" name="radio" value="254"></label>
			<label>맨체스터 시티 FC<input type="radio" name="radio" value="258"></label>
			<label>풀럼 FC<input type="radio" name="radio" value="260"></label>
			<label>선덜랜드 AFC<input type="radio" name="radio" value="261"></label>
			<label>헐 시티 AFC<input type="radio" name="radio" value="262"></label>
			<label>스토크 시티 FC<input type="radio" name="radio" value="264"></label>
			<label>사우스햄튼 FC<input type="radio" name="radio" value="271"></label>
			<label>크리스탈 팰리스<input type="radio" name="radio" value="274"></label>
			<label>노리치 시티 FC<input type="radio" name="radio" value="283"></label>
			<label>스완지 시티 AFC<input type="radio" name="radio" value="302"></label>
			<label>카디프 시티 FC<input type="radio" name="radio" value="316"></label>
			</fieldset>
		</div>
		<div data-role="collapsible">
			<h3>MLB</h3>
			<ul data-role="listview" id="MLB">
			
			</ul>
		</div>
		<div data-role="collapsible">
			<h3>UFC</h3>
			<ul data-role="listview" id="UFC">
			
			</ul>
		</div>

	</div>	
	
	</div>		
	
	<footer class="footer" data-position="fixed" data-tap-toggle="false">	
		<div>
			<a href="#main" data-transition="none" style="color:white;">Main</a>
			<a href="#weekly" data-transition="none" style="color:white;">Weekly</a>
			<a href="#" onclick="myTeamIcon()" data-transition="none" class="footer_active" style="color:white;">My team</a>
			<a href="#gps" data-transition="none" style="color:white;">GPS</a>
		</div>	
	</footer>

</div>
<!------------------------------- 채팅 ------------------------------------------------>
<div data-role="page" id="chatPage" data-theme="d">
	<div data-role="header" data-theme="d">
		<h1 style="color:white;">REAL TIME chatting</h1>
		<a href="#main" data-role="button" data-icon="home" data-iconpos="notext" data-theme="c" data-inline="true" class="ui-btn-left">Home</a>
		<a href="#" data-role="button" data-icon="gear" data-iconpos="notext" data-theme="c" data-inline="true" class="ui-btn-right">Gear</a>
	</div>		
	
	<div id="result_chat"></div>		
	
	
	<div data-role="content" style="background-color:#75ACC8;">
	
	<div id="incomingMessages" class="msgContainerDiv" style="background-color:#75ACC8;"></div>
	
		
	</div>
	
	
	
	
	
	
	
	<footer class="chat_footer" data-position="fixed" data-tap-toggle="false">	
		<table style="width: 100%">
		<tr>
			<td>
				<input type="text" name="messageText" id="messageText">
			</td>		
			<td	style="width:4em;">
				<input type="submit" value="전송" id="chatSendButton">
			</td>				
		</tr>		
		</table>
	</footer>
</div>
</body>
</html>